/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/ancientCanalsLeft.vue?vue&type=style&index=0&id=4017c577&lang=scss&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.scale-box[data-v-4017c577] {
  width: 100%;
  height: 100%;
  position: relative;
}
.ancientCanalsLeft[data-v-4017c577] {
  padding: 0px 10px;
  box-sizing: border-box;
  position: absolute;
  transform-origin: left top;
  display: flex;
  flex-direction: column;
}
.ancientCanalsLeft .combo-position-box[data-v-4017c577] {
  cursor: pointer;
  right: -28px;
  top: 25px;
  position: absolute;
  width: 28px;
  height: 86px;
}
.ancientCanalsLeft .combo-position-box img[data-v-4017c577] {
  width: 100%;
  height: 100%;
}
.ancientCanalsLeft .combo-top-box[data-v-4017c577] {
  width: 100%;
  height: 345px;
  margin-bottom: 12px;
  background: url(../../../components/grids/ancientCanalsLeft/new-back.97e2fe578f655cd2795d.png) no-repeat;
  background-size: 100% 100%;
}
.ancientCanalsLeft .combo-top-box .grid_title[data-v-4017c577] {
  position: relative;
  left: -15px;
  top: -5px;
  padding: 0px 55px;
  margin-left: 7px;
  width: calc(100% - 8px);
  height: 47px;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 52px;
  background: url(../../../components/grids/ancientCanalsLeft/title1.52961cf9d1b47614c269.png) no-repeat;
  background-size: 100% 100%;
  font-family: "TitleFontFamily";
  color: #fff;
}
.ancientCanalsLeft .combo-top-box .grid_content[data-v-4017c577] {
  box-sizing: border-box;
  padding: 0px 10px;
  height: calc(100% - 32px);
  width: 100%;
}
.ancientCanalsLeft .combo-top-box .show-img[data-v-4017c577] {
  width: 400px;
  height: 108px;
}
.ancientCanalsLeft .combo-top-box .show-img img[data-v-4017c577] {
  width: 100%;
  height: 100%;
}
.ancientCanalsLeft .combo-top-box .text-box[data-v-4017c577] {
  margin-top: 7px;
  font-size: 13px;
  text-indent: 2rem;
  padding: 4px 7px;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.45;
  height: calc(100% - 103px);
  max-height: calc(100% - 125px);
  font-family: "TextFontFamily";
  width: 100%;
  color: #fff;
}
.ancientCanalsLeft .combo-center-box[data-v-4017c577] {
  width: 100%;
  height: 230px;
  margin-bottom: 12px;
  background: url(../../../components/grids/ancientCanalsLeft/new-back.97e2fe578f655cd2795d.png) no-repeat;
  background-size: 100% 100%;
}
.ancientCanalsLeft .combo-center-box .grid_title[data-v-4017c577] {
  position: relative;
  left: -15px;
  top: -5px;
  padding: 0px 55px;
  margin-left: 7px;
  width: calc(100% - 8px);
  height: 47px;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 52px;
  background: url(../../../components/grids/ancientCanalsLeft/title1.52961cf9d1b47614c269.png) no-repeat;
  background-size: 100% 100%;
  font-family: "TitleFontFamily";
  color: #fff;
}
.ancientCanalsLeft .combo-center-box .grid_content[data-v-4017c577] {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  padding: 20px 20px;
  justify-content: center;
  height: calc(100% - 47px);
  width: 100%;
}
.ancientCanalsLeft .combo-center-box .grid_content .card-item[data-v-4017c577] {
  font-family: "TextFontFamily";
  font-size: 14px;
  width: 165px;
  height: 60px;
  margin: 0px 5px;
  background: url(../../../components/grids/ancientCanalsLeft/card-back.c96126446f9fc091e0cb.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  box-sizing: border-box;
}
.ancientCanalsLeft .combo-center-box .grid_content .card-item .label[data-v-4017c577] {
  width: 65%;
  color: #cec7b7;
}
.ancientCanalsLeft .combo-center-box .grid_content .card-item .value[data-v-4017c577] {
  color: #fff;
}
.ancientCanalsLeft .combo-center-box .grid_content .card-item .value > span[data-v-4017c577] {
  display: inline-block;
}
.ancientCanalsLeft .combo-center-box .grid_content .card-item .value > span img[data-v-4017c577] {
  vertical-align: middle;
}
.ancientCanalsLeft .combo-bottom-box[data-v-4017c577] {
  width: 100%;
  height: 320px;
  background: url(../../../components/grids/ancientCanalsLeft/new-back.97e2fe578f655cd2795d.png) no-repeat;
  background-size: 100% 100%;
}
.ancientCanalsLeft .combo-bottom-box .grid_title[data-v-4017c577] {
  position: relative;
  left: -15px;
  top: -5px;
  padding: 0px 55px;
  margin-left: 7px;
  width: calc(100% - 8px);
  height: 47px;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 52px;
  background: url(../../../components/grids/ancientCanalsLeft/title1.52961cf9d1b47614c269.png) no-repeat;
  background-size: 100% 100%;
  font-family: "TitleFontFamily";
  color: var(--componentTitle);
}
.ancientCanalsLeft .combo-bottom-box .grid-charts[data-v-4017c577] {
  width: 100%;
  height: 273px;
}
